<!DOCTYPE html>
<html lang="en">
<head>
    <title>Shade Bootstarp Website Template | </title>
    <link href="/static/css/bootstrap.css" rel='stylesheet' type='text/css' media="all"/>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src='/static/js/jquery-1.11.0.min.js'></script>
    <!-- Custom Theme files -->
    <link href='/static/css/style.css' rel='stylesheet' type='text/css' media="all"/>
    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Google Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="/static/css/sticky-navigation.css"/>
    <link href='/static/css/demo.css' rel="stylesheet" type="text/css"/>


    {% block script %}
    {% endblock %}
</head>
<body>
    <!-- Header Part Starts Here -->
    <div class="header">
    <div class="container">
        <div id="demo_top_wrapper">
            <div id="sticky_navigation_wrapper">
                <div id="sticky_navigation">
                    <div class="demo_container navigation-bar">
                        <div class="navigation">
                            <div class="logo"><a href="/index/">SH</a></div>
                            <span class="menu"></span>
                            <script>
                                $("span.menu").click(function () {
                                    $(".navig").slideToggle("slow", function () {
                                        // Animation complete.
                                    });
                                });
                            </script>
                            <div class="navig">
                                <ul>
                                    <li><a href="#">全部</a></li>
                                    <li><a href="/list/4">Woman</a></li>
                                    <li><a href="/list?categoryId=3">Men</a></li>
                                    <li><a href="#">Kids</a></li>
                                    <li><a href="#">Comming Soon</a></li>
                                    <li><a href="/about/">About</a></li>
                                </ul>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="navigation-right">
                            <ul class="user">
                                <li>
                                    {% if memberName != '' %}
                                    <span></span><a href="/login/">{{ memberName }}</a>
                                    {% else %}
                                    <a href="/login/">Log In</a>
                                    {% endif %}
                                </li>
                                <li>
                                    <span class="bascket"></span><a href="/basket">Basket(0)</a>
                                </li>
                                <li>
                                    <button class="search"></button>
                                </li>
                            </ul>
                        </div>
                        <div class="clearfix"></div>
                        <div class="serch">
								<span>
									<input type="text" placeholder="Search" required="">
									<input type="submit" value=""/>
								</span>
                        </div>
                        <script>
                            $("button.search").click(function () {
                                $(".serch").slideToggle("slow", function () {
                                    // Animation complete.
                                });
                            });
                        </script>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <div class="container">
    <section id="main">
        <div class="content">

            {% block content %}
            {% endblock %}

            <!-- Footer Menu Starts here --->
            <div class="footer">
                <div class="row footer-row">
                    <div class="col-md-3 footer-col">
                        <h3 class="ft-title">Collection</h3>
                        <ul class="ft-list">
                            <li><a href="#">Woman (1725)</a></li>
                            <li><a href="#">Men (635)</a></li>
                            <li><a href="#">Kids (2514</a></li>
                            <li><a href="#">Comming Soon (76)</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3 footer-col">
                        <h3 class="ft-title">site</h3>
                        <ul class="ft-list  list-h">
                            <li><a href="#">Terms of Service </a></li>
                            <li><a href="#">Privacy Policy </a></li>
                            <li><a href="#">Copyright Policy </a></li>
                            <li><a href="#">Press Kit</a></li>
                            <li><a href="#">Support</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3 footer-col">
                        <h3 class="ft-title">Shop</h3>
                        <ul class="ft-list list-h">
                            <li><a href="#">About us</a></li>
                            <li><a href="#">Shipping Metods</a></li>
                            <li><a href="#">Career</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3 foot-cl">
                        <h3 class="ft-title">social</h3>
                        <p>Shoper is made with love in Warsaw,<br>2014 &copy; More Templates <a
                                href="http://www.moban520.com/" target="_blank" title="模板小站">{{ memberName }}</a> - Collect from <a
                                href="http://www.moban520.com/" title="网页模板" target="_blank">网页模板</a></p>
                        <ul class="social">
                            <li><i class="fa"></i></li>
                            <li><i class="tw"></i></li>
                            <li><i class="is"></i></li>
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!-- Footer Menu Ends here --->
        </div>
    </section>
    </div>



</body>
</html>